
<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta content="webkit|ie-comp|ie-stand" name="renderer">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" />
    <meta content="no-siteapp" http-equiv="Cache-Control" />
    <link href="/favicon.ico" rel="Bookmark" >
    <link href="/favicon.ico" rel="Shortcut Icon" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/static/lib/html5shiv.js"></script>
    <script type="text/javascript" src="/static/lib/respond.min.js"></script>
    <![endif]-->
    <link href="/static/static/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
    <link href="/static/static/h-ui.admin/css/H-ui.admin.css" rel="stylesheet" type="text/css" />
    <link href="/static/lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" type="text/css" />
    <link href="/static/static/h-ui.admin/skin/default/skin.css" id="skin" rel="stylesheet" type="text/css" />
    <link href="/static/static/h-ui.admin/css/style.css" rel="stylesheet" type="text/css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="/static/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <!--/meta 作为公共模版分离出去-->

    <title>添加用户 - H-ui.admin v3.1</title>
    <meta content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载" name="keywords">
    <meta content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。" name="description">
</head>
<body>
<article class="page-container">
    {if $error}
    {$error}
    {/if}
    <form action="" class="form form-horizontal" enctype="multipart/form-data" id="form-member-add" method="post">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>商品名称：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input class="input-text" id="name" name="name" placeholder="" type="text" value="">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>店家名称：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input class="input-text" id="tname" name="tname" placeholder="" type="text" value="">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">附件：</label>
            <div class="formControls col-xs-8 col-sm-9"> <span class="btn-upload form-group">
				<input class="input-text upload-url" id="img" name="img" nullmsg="请添加附件！" readonly style="width:200px" type="text">
				<button class="btn btn-primary radius upload-btn" href=""><i class="Hui-iconfont">&#xe642;</i> 浏览文件</button>
				<input class="input-file"  name="img" type="file">
				</span> </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>商品排序：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input class="input-text" id="order" name="order" placeholder="" type="text" value="">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">所在城市：</label>
            <div class="formControls col-xs-8 col-sm-9"> <span class="select-box" style="width: 200px">
				<select class="select" id="province_id" name="province_id" size="1">
					<option selected value="0">请选择城市</option>
                    {volist name='citvs' id='city'}
                    <option value="{$city['id']}">{$city['name']}</option>
                    {/volist}
				</select>
				</span>
                <span class="select-box" style="width: 200px">
				<select class="select" id="city_id" name="city_id" size="1">
					<option selected value="0">请选择城市</option>
				</select>
				</span>
                <span class="select-box" style="width: 200px">
				<select class="select" id="area_id" name="area_id" size="1">
					<option selected value="0">请选择城市</option>
				</select>
				</span>
            </div>
        </div>

        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <button  class="btn btn-primary radius" type="submit">添加</button>
            </div>
        </div>
    </form>
</article>

<!--_footer 作为公共模版分离出去-->
<script src="/static/lib/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script src="/static/lib/layer/2.4/layer.js" type="text/javascript"></script>
<script src="/static/static/h-ui/js/H-ui.min.js" type="text/javascript"></script>
<script src="/static/static/h-ui.admin/js/H-ui.admin.js" type="text/javascript"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script src="/static/lib/My97DatePicker/4.8/WdatePicker.js" type="text/javascript"></script>
<script src="/static/lib/jquery.validation/1.14.0/jquery.validate.js" type="text/javascript"></script>
<script src="/static/lib/jquery.validation/1.14.0/validate-methods.js" type="text/javascript"></script>
<script src="/static/lib/jquery.validation/1.14.0/messages_zh.js" type="text/javascript"></script>
</body>
</html>
<script>
    $(function () {

        $('#province_id').change(function () {
            $("#city_id").empty().append(`<option value="0">请选择</option>`)
            $("#area_id").empty().append(`<option value="0">请选择</option>`)
            let pid=$(this).val();
            $.ajax({
                type:'post',
                url:'/article/index/lianD',
                dataType:'json',
                data:{pid:pid},
                success:function (res) {
                    console.log(res)
                    res.forEach(function (v) {
                        console.log(v);
                        $("#city_id").append(`<option value="${v.id}">${v.name}</option>`)
                    })
                }
            })
        })
        $('#city_id').change(function () {
            $("#area_id").empty().append(`<option value="0">请选择</option>`)
            let pid=$(this).val();
            $.ajax({
                type:'post',
                url:'/article/index/lianD',
                dataType:'json',
                data:{pid:pid},
                success:function (res) {
                    console.log(res)
                    res.forEach(function (v) {
                        console.log(v);
                        $("#area_id").append(`<option value="${v.id}">${v.name}</option>`)
                    })
                }
            })
        })
    })

</script>